<template>
  <div class="login">
    <div class="close">
      <router-link to="/home" class="nav"><i class="el-icon-close"></i></router-link>
    </div>
    <div class="login_way">
      <router-link to="/login/zhanghao_login" class="login_T">账号登录</router-link>
      <router-link to="/login/phone_login" class="login_T">手机号登录</router-link>
    </div>
    <router-view />
  </div>
</template>
<script>
export default{
  name: '',
  data () {
    return {

    }
  },
  mounted () {
    return 
  }
}
</script>
<style scoped lang="less">
  .login{
    width: 100%;
    height: 100%;
    // border:1px solid red;
    box-sizing: border-box;
    .close{
      height: 80px;
      font-size: 30px;
      line-height: 32px;
      text-align: right;
    }
    .login_way{
      width: 100%;
      height: 50px;
      text-align: center;
      line-height: 50px;
      font-weight: bolder;
      .login_T{
        padding: 4px;
        margin: 0 24px;
      }
      .router-link-active{
        border-bottom: 2px solid #000;
      }
    }
  }
</style>